<template>
    <div class="col-xs-offset-2 col-xs-8">
        <div class="page-header">
          <h2>Vue Router Demo</h2>
          <button @click="back">后退</button>
          <button @click="forward">前进</button>
          <button @click="testGo">测试一下go</button>
        </div>
        
    </div>
</template>

<script>
export default {
  name: "Banner",
  methods: {
    back() {
      //调用$router原型对象上的back/forward方法可以实现点击浏览器前进后退一样的效果
      this.$router.back()
    },
    forward() {
      this.$router.forward()
    },
    testGo() {
      //router上有一个go方法，传入一个数字，负数表示后退几步，正数表示前进几步
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>

</style>
